import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import legacy from "@vitejs/plugin-legacy";
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import { resolve } from 'path';
import { webUpdateNotice } from '@plugin-web-update-notification/vite'
export const configVersion = [
  "es.symbol",
  "es.array.filter",
  "es.promise",
  "es.promise.finally",
  "es/map",
  "es/set",
  "es.array.for-each",
  "es.object.define-properties",
  "es.object.define-property",
  "es.object.get-own-property-descriptor",
  "es.object.get-own-property-descriptors",
  "es.object.keys",
  "es.object.to-string",
  "web.dom-collections.for-each",
  "esnext.global-this",
  "esnext.string.match-all",
];
// https://vite.dev/config/
export default defineConfig({
  plugins: [vue(),
  AutoImport({
    resolvers: [ElementPlusResolver()],
  }),
  webUpdateNotice({
    // 设置版本类型，可取值如 'build_timestamp'（构建时间戳） 、'git_commit_hash'（Git提交哈希）等
    versionType: 'build_timestamp',
    // 自定义通知弹窗的相关属性
    notificationProps: {
      title: '📢 系统更新', // 通知标题
      description: '为了您更好的体验我们升级了系统，请您刷新页面体验最新版本,如需自己刷新,请使用shift加f5进行刷新', // 通知描述
      buttonText: '刷新', // 刷新按钮文本
      dismissButtonText: "忽略", // 忽略按钮文本
    },
  }),
  legacy({
    targets: ['defaults', 'ie >= 8', 'chrome 31', 'iOS 7.1'],  //需要兼容的目标列表，可以设置多个
    additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
    renderLegacyChunks: true,
    modernPolyfills: configVersion,
    polyfills: configVersion
  }),
  Components({
    resolvers: [ElementPlusResolver()],
  }),],

  resolve: {
    // 设置文件./src路径为 @
    alias: [
      {
        find: '@',
        replacement: resolve(__dirname, './src')
      }
    ]
  },
  build: {
    chunkSizeWarningLimit: 1500,
    minify: 'terser',// 混淆器，terser构建后文件体积更小
    //清除debugger
    terserOptions: {
      compress: {
        keep_infinity: true, // 防止 Infinity 被压缩成 1/0，这可能会导致 Chrome 上的性能问题
        drop_console: false, // 生产环境去除 console
        drop_debugger: true, // 生产环境去除 debugger
      },
    },
    rollupOptions: {
      output: {
        entryFileNames: 'js/[name]-[hash].js', // 指定 JS 文件的输出路径及命名规则
        chunkFileNames: 'js/[name]-[hash].js', // 指定分片文件的输出路径及命名规则
        assetFileNames: (assetInfo: any) => {
          // 设置不同类型文件的输出路径及命名规则
          if (
            assetInfo.type === 'asset' &&
            /\.(jpe?g|png|gif|svg)$/i.test(assetInfo.name)
          ) {
            return 'img/[name].[hash].[ext]' // 图像文件输出路径及命名规则
          }
          if (
            assetInfo.type === 'asset' &&
            /\.(ttf|woff|woff2|eot)$/i.test(assetInfo.name)
          ) {
            return 'fonts/[name].[hash].[ext]' // 字体文件输出路径及命名规则
          }
          return '[ext]/name1-[hash].[ext]' // 其他资源文件输出路径及命名规则
        }
      },
    },
    outDir: '../综合后台管理系统/views/bhm'
  },
  base: './',
})
